<!-- 食堂高级设置 -->
<template>
  <div class="router-content">
    <inside v-for="(div, index) in article" :key="index" :title="div.title" :contents="div.contents" :urls="div.urls"></inside>
  </div>
</template>

<script>
import Bus from '@/assets/bus'
import inside from '@/components/inside'
export default {
  name: 'index',
  components: {
    inside
  },
  data () {
    return {
      menus: [],
      article: []
    }
  },
  created () {
    this.menus = this.$route.matched
    Bus.$emit('menus', this.menus)
    // console.log(this.$route.matched)
    this.write()
  },
  methods: {
    write () {
      this.article = [
        {
          title: '食堂高级设置',
          contents: [
            '点击高级设置中的食堂高级设置，进入食堂高级设置页面，显示四个订餐App的设置，如下图'
          ],
          urls: [
            '/static/imgs/setting/canteen_1.png'
          ]
        }, {
          title: '设置订餐App显示档口和餐别',
          contents: [
            '点击订餐App显示档口和餐别，如下图，选择√想要在订餐App显示的档口和餐别，点击保存，即可设置订餐App显示想要的档口和餐别。'
          ],
          urls: [
            '/static/imgs/setting/canteen_2.png'
          ]
        }, {
          title: '设置订餐App预定起送费',
          contents: [
            '点击订餐App预定起送费，如下图，在箭头处填写预定起送费，点击保存，即可设置订餐App预定起送费。'
          ],
          urls: [
            '/static/imgs/setting/canteen_3.png'
          ]
        }, {
          title: '设置订餐App预定配送费',
          contents: [
            '点击订餐App预定配送费，如下图，在箭头处填写预定配送费，点击保存，即可设置订餐App预定配送费'
          ],
          urls: [
            '/static/imgs/setting/canteen_4.png'
          ]
        }, {
          title: '设置订餐App打包餐盒费',
          contents: [
            '点击订餐App打包餐盒费，如下图，在箭头处点击添加打包餐盒费，',
            '弹出设置打包餐盒费对话框，填写餐盒费，如下图所示，选择√单品，点击保存，则设置该单品的餐盒费成功。'
          ],
          urls: [
            '/static/imgs/setting/canteen_5.png',
            '/static/imgs/setting/canteen_6.png'
          ]
        }
      ]
    }
  }
}
</script>
<style>
</style>
